import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-myc02',
  templateUrl: './myc02.component.html',
  styleUrls: ['./myc02.component.css']
})
export class Myc02Component implements OnInit {
  names = ['lisa', 'andy', 'ppa', 'wje'];
  constructor() {
    // 面向对象中类的构造方法
    console.log('constructor:构造方法，组件出生第一时间触发');
  }

  ngOnInit(): void {
    // init：初始化，类似于vue中的mounted
    console.log('ngOninit:组件内容初始化');
    // 发送网络请求
  }
  ngAfterContentInit(): void {
    console.log('ngAfterContentInit:组件中的数据初始化时触发');

  }
  ngAfterViewInit(): void {
    console.log('ngAfterViewInit:组件上的UI初始化时触发');

  }
  ngAfterContentChecked(): void {
    console.log('ngAfterContentChecked:组件上数据发生变化时触发');

  }
  ngAfterViewChecked(): void {
    console.log('ngAfterViewChecked:组件上UI随着数据变化时更新');

  }
  ngOnDestroy(): void {
    // 组件销毁时触发
    console.log('ngOndestory:组件销毁时触发');
  }
}
